<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <% String path = request.getContextPath();%>
 <%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
 <script src="<%= path %>/js/jquery-3.6.0.min.js" type="text/javascript"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--  -->
		 
                 <c:forEach items="${articles }" var="article">
                 
                    <div class="ui eleven wide column" >
                        <h3 class="ui header">${article.title }</h3>
                        <p class="m-text">${article.content }</p>
                        <div class="ui stackable grid">
                            <div class="eleven wide column">
                                <div class="ui mini horizontal link list">
                                    <div class="item">
                                        <img src="<%=path%>/images/8a3dcf85-bb1d-4e23-b649-b2cbb1234fdf.jpg" alt="" class="ui avatar image">
                                        <div class="content">
                                            <a href="#" class="header">${article.managerinfo.nickname }</a>
                                        </div>
                                    </div>
                                    
                                    <div class="item">
                                        <i class="calendar icon"></i>${article.pubTime }
                                    </div>
                                   
                                </div>
                            </div>
                            
                        </div>
                    </div>                            
			</c:forEach> 
                   
                 <div class="ui bottom attached segment">
         	<c:forEach begin="1" end="${count/5+(count%5==0?0:1) }" var="i">
	                     <a class="p" style="color=red" class="pagernum" data-page="${i }">${i }</a>
	           </c:forEach>
         	    
            </div>
			     
                   
                    
                
</body>
</html>